<div class="col-lg-6 col-md-12 mt-3">
  <div class="card mb-4" style="height: 100%">
    {{ with $.Get "header" }}
      <div class="card-header">
        {{ if eq $.Page.File.Ext "md" }}
          {{ $.Get "header" | markdownify }}
        {{ else }}
          {{ $.Get "header" | htmlUnescape | safeHTML }}
        {{ end }}
      </div>
    {{ end }}
    <div class="card-body row">
      <div class="col-4">
        <img class="mt-5" src="{{$.Get "img" }}" alt="" width="100%" />
      </div>
      <div class="col-8">
        {{ with $.Get "title" }}
          <h5 class="card-title">
            {{ if eq $.Page.File.Ext "md" }}
              {{ $.Get "title" | markdownify }}
            {{ else }}
              {{ $.Get "title" | htmlUnescape | safeHTML }}
            {{ end }}
          </h5>
        {{ end }}
        {{ with $.Get "subtitle" }}
          <h6 class="card-title mb-2 text-muted">
            {{ if eq $.Page.File.Ext "md" }}
              {{ $.Get "subtitle" | markdownify }}
            {{ else }}
              {{ $.Get "subtitle" | htmlUnescape | safeHTML }}
            {{ end }}
          </h6>
        {{ end }}
        {{ with $.Inner }}
          <p class="card-text">
            {{ if eq $.Page.File.Ext "md" }}
              {{ $.Inner | markdownify }}
            {{ else }}
              {{ $.Inner | htmlUnescape | safeHTML }}
            {{ end }}
          </p>
        {{ end }}
      </div>
    </div>
    {{ with $.Get "footer" }}
      <div class="card-footer">
        {{ if eq $.Page.File.Ext "md" }}
          {{ $.Get "footer" | markdownify }}
        {{ else }}
          {{ $.Get "footer" | htmlUnescape | safeHTML }}
        {{ end }}
      </div>
    {{ end }}
  </div>
</div>
